// web/src/app/(protected)/layout.tsx
import React from 'react';
import Navbar from './_components/navbar'
import '@/app/globals.css'

const Layout = ({children}: { children: React.ReactNode }) => {
    return (
        <div className={`py-12 min-h-full w-full flex flex-col gap-y-10 items-center justify-center
        bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800`}
        >
            <Navbar/>
            {children}
        </div>
    );
};

export default Layout;